<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>选择目的地</title>
		<link href="../mui/css/mui.min.css" rel="stylesheet" />
		<link href="../mui/css/mui.indexedlist.css" rel="stylesheet" />
		<link href="../styles/default.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="city.css" />
		<script src="../mui/js/jquery.min.js"></script>
		<style>
			html,
			body {
				height: 100%;
				overflow: hidden;
			}
			
			.mui-bar-nav~.mui-content {
				padding-top: 6.4rem;
			}
			
			.mui-content {
				background-color: #f0f0f0;
			}
			
			.mui-title,
			.hotel-header {
				background: transparent;
			}
			
			.mui-table-view {
				margin-bottom: 2rem;
				background-color: transparent;
			}
			
			.mui-table-view:before,
			.mui-table-view:after {
				background-color: transparent;
			}
			
			.mui-table-view-cell {
				padding: 1.2rem 1.2rem;
				background-color: #fff;
			}
			
			.mui-indexed-list {
				position: static;
				border-top: none;
				border-bottom: none;
				overflow-y: auto;
				height: 100%;
				background-color: #f0f0f0;
			}
			
			.back {
				width: 3rem;
				position: absolute;
				right: 1.2rem;
				top: 2rem;
				z-index: 100;
			}
			
			.close {
				padding-right: 1.2rem;
			}
			
			.close img {
				width: 2.2rem;
				vertical-align: bottom;
			}
			
			.hotel-city-type {
				position: relative;
				display: flex;
				justify-content: space-around;
				font-size: 0;
				top: 6.4rem;
				z-index: 100;
				background-color: #fff;
			}
			
			.hotel-city-type a {
				display: inline-block;
				/*width: 50%;*/
				width: 13%;
				text-align: center;
				color: #999;
				font-size: 1.4rem;
				position: relative;
				padding: 2.4rem 0 1.5rem;
				background-color: #fff;
			}
			
			.hotel-city-type a.active {
				color: #e61874;
			}
			
			.hotel-city-type a.active:after {
				position: absolute;
				height: 0.2rem;
				content: '';
				background: #e61874;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 99;
			}
			
			.mui-indexed-list-bar {
				position: fixed;
				top: 12.5rem;
				background-color: transparent;
				/*overflow-y: scroll;*/
			}
			
			.mui-indexed-list-bar a {
				font-size: 1.2rem;
				color: #e61874;
				/*height: 16.5px !important;*/
			}
			
			.mui-indexed-list-inner {
				/*margin-top: 53px;*/
			}
			
			.mui-table-view-divider:before,
			.mui-table-view-divider:after,
			.mui-table-view-cell:after {
				background-color: transparent;
			}
			
			.mui-ios .mui-indexed-list-group,
			.mui-ios .mui-indexed-list-item,
			.mui-ios .mui-indexed-list-empty-alert {
				font-size: 1.4rem;
			}
			
			.mui-indexed-list-group {
				padding-top: 1.5rem;
				padding-bottom: 1.5rem;
				background-color: #f0f0f0;
			}
			
			.mui-indexed-list-group:first-child {
				padding-top: 0.9rem;
			}
			
			.search {
				position: absolute;
				display: flex;
				align-items: center;
				background: #fff;
				padding-top: 2.4rem;
			}
			
			.mui-indexed-list-search {
				position: absolute;
    			top: 2rem;
				width: 80%;
				height: 3.4rem;
				border-radius: 0.8rem;
				margin-left: 1.2rem;
				border: none;
				border-radius: 0.8rem;
				z-index: 101 !important;
			}
			
			.mui-indexed-list-search input {
				background-color: #f4f4f4;
				z-index: 101 !important;
			}
			
			.mui-search .mui-placeholder {
				font-size: 1.4rem;
				z-index: 101 !important;
			}
			
			.mui-search .mui-placeholder .mui-icon {
				font-size: 1.8rem;
				color: #999;
				padding-right: 0.9rem;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav hotel-header">
				<!--<div class="mui-indexed-list-search mui-input-row mui-search">
					<input type="search" class="mui-input-clear mui-indexed-list-search-input" placeholder="搜索城市">
				</div>-->
		</header>
		<img class="mui-action-back mui-pull-right back" src="../styles/images/icon_close_nor.png@2x.png"/>
		<div class="hotel-city-type">
			<a class="active">国内</a>
			<a id="national">国外</a>
		</div>
		<div class="mui-content">
			<div id='list' class="mui-indexed-list">
				<div class="mui-indexed-list-search mui-input-row mui-search">
					<input type="search" class="mui-input-clear mui-indexed-list-search-input" placeholder="搜索城市">
				</div>
				<div class="mui-indexed-list-bar">
					<a>热</a>
					<a>A</a>
					<a>B</a>
					<a>C</a>
					<a>D</a>
					<a>E</a>
					<a>F</a>
					<a>G</a>
					<a>H</a>
					<a>I</a>
					<a>J</a>
					<a>K</a>
					<a>L</a>
					<a>M</a>
					<a>N</a>
					<a>O</a>
					<a>P</a>
					<a>Q</a>
					<a>R</a>
					<a>S</a>
					<a>T</a>
					<a>U</a>
					<a>V</a>
					<a>W</a>
					<a>X</a>
					<a>Y</a>
					<a>Z</a>
				</div>
				<div class="mui-indexed-list-alert"></div>
				<div class="mui-indexed-list-inner">
					<div class="mui-indexed-list-empty-alert">没有数据</div>
					<ul class="mui-table-view">
						<li data-group="当前" class="mui-table-view-divider mui-indexed-list-group">当前</li>
						<li class="city hot_class" id="curCity" style="margin-bottom: 0;"><span></span></li>
						<li data-group="热" class="mui-table-view-divider mui-indexed-list-group" id="hot">热门</li>
						<!--<li data-value="PEK" data-tags="BeiJingShouDuGuoJi" class="mui-table-view-cell mui-indexed-list-item">北京</li>
						<li data-value="SHA" data-tags="ShangHaiHongQiaoGuoJi" class="mui-table-view-cell mui-indexed-list-item">上海</li>-->
						<li data-group="A" class="mui-table-view-divider mui-indexed-list-group">A</li>
						<li data-value="AKU" data-tags="AKeSu" class="city mui-table-view-cell mui-indexed-list-item">阿克苏</li>
						<li data-value="BPL" data-tags="ALaShanKou" class="city mui-table-view-cell mui-indexed-list-item">阿拉山口</li>
						<li data-value="AAT" data-tags="ALeTai" class="city mui-table-view-cell mui-indexed-list-item">阿勒泰</li>
						<li data-value="NGQ" data-tags="ALiKunSha" class="city mui-table-view-cell mui-indexed-list-item">阿里昆莎</li>
						<li data-value="AQG" data-tags="AnQingTianZhuShan" class="city mui-table-view-cell mui-indexed-list-item">安庆天柱山</li>
						<li data-value="MFM" data-tags="AoMenGuoJi" class="city mui-table-view-cell mui-indexed-list-item">澳门</li>
						<li data-group="B" class="mui-table-view-divider mui-indexed-list-group">B</li>
						<li data-value="BSD" data-tags="BaoShan" class="city mui-table-view-cell mui-indexed-list-item">保山</li>
						<li data-value="BAV" data-tags="BaoTou" class="city mui-table-view-cell mui-indexed-list-item">包头</li>
						<li data-value="BHY" data-tags="BeiHaiFuCheng" class="city mui-table-view-cell mui-indexed-list-item">北海福成</li>
						<li data-value="NAY" data-tags="BeiJingNanYuan" class="city mui-table-view-cell mui-indexed-list-item">北京南苑</li>
						<li data-value="PEK" data-tags="BeiJingShouDuGuoJi" class="city mui-table-view-cell mui-indexed-list-item">北京</li>
						<li data-group="C" class="mui-table-view-divider mui-indexed-list-group">C</li>
						<li data-value="NBS" data-tags="ChangBaiShan" class="city mui-table-view-cell mui-indexed-list-item">长白山</li>
						<li data-value="CGQ" data-tags="ChangChunLongJiaGuoJi" class="city mui-table-view-cell mui-indexed-list-item">长春龙嘉</li>
						<li data-value="CGD" data-tags="ChangDeTaoHuaYuan" class="city mui-table-view-cell mui-indexed-list-item">常德桃花源</li>
						<li data-value="BPX" data-tags="ChangDuBangDa" class="city mui-table-view-cell mui-indexed-list-item">昌都邦达</li>
						<li data-value="CSX" data-tags="ChangShaHuangHuaGuoJi" class="city mui-table-view-cell mui-indexed-list-item">长沙黄花</li>
						<li data-value="CIH" data-tags="ChangZhiWangCun" class="city mui-table-view-cell mui-indexed-list-item">长治王村</li>
						<li data-value="CZX" data-tags="ChangZhouBenNiu" class="city mui-table-view-cell mui-indexed-list-item">常州奔牛</li>
						<li data-value="CTU" data-tags="ChengDuShuangLiuGuoJi" class="city mui-table-view-cell mui-indexed-list-item">成都双流</li>
						<li data-value="CIF" data-tags="ChiFeng" class="city mui-table-view-cell mui-indexed-list-item">赤峰</li>
						<li data-group="D" class="mui-table-view-divider mui-indexed-list-group">D</li>
						<li data-value="DLU" data-tags="DaLi" class="city mui-table-view-cell mui-indexed-list-item">大理</li>
						<li data-value="DLC" data-tags="DaLianZhouShuiZiGuoJi" class="city mui-table-view-cell mui-indexed-list-item">大连周水子</li>
						<li data-value="DQA" data-tags="DaQingSaErTu" class="city mui-table-view-cell mui-indexed-list-item">大庆萨尔图</li>
						<li data-value="DAT" data-tags="DaTongDongWangZhuang" class="city mui-table-view-cell mui-indexed-list-item">大同东王庄</li>
						<li data-value="DAX" data-tags="DaZhouHeShi" class="city mui-table-view-cell mui-indexed-list-item">达州河市</li>
						<li data-value="DDG" data-tags="DanDongLangTou" class="city mui-table-view-cell mui-indexed-list-item">丹东浪头</li>
						<li data-value="LUM" data-tags="DeHongMangShi" class="city mui-table-view-cell mui-indexed-list-item">德宏芒市</li>
						<li data-value="DIG" data-tags="DiQingXiangGeLiLa" class="city mui-table-view-cell mui-indexed-list-item">迪庆香格里拉</li>
						<li data-value="DOY" data-tags="DongYing" class="city mui-table-view-cell mui-indexed-list-item">东营</li>
						<li data-value="DNH" data-tags="DunHuang" class="city mui-table-view-cell mui-indexed-list-item">敦煌</li>
						<li data-group="E" class="mui-table-view-divider mui-indexed-list-group">E</li>
						<li data-value="DSN" data-tags="EErDuoSi" class="city mui-table-view-cell mui-indexed-list-item">鄂尔多斯</li>
						<li data-value="ENH" data-tags="EnShiXuJiaPing" class="city mui-table-view-cell mui-indexed-list-item">恩施许家坪</li>
						<li data-value="ERL" data-tags="ErLianHaoTeSaiWuSuGuoJi" class="city mui-table-view-cell mui-indexed-list-item">二连浩特赛乌苏</li>
						<li data-group="F" class="mui-table-view-divider mui-indexed-list-group">F</li>
						<li data-value="FUG" data-tags="FuYangXiGuan" class="city mui-table-view-cell mui-indexed-list-item">阜阳西关</li>
						<li data-value="FOC" data-tags="FuZhouChangLeGuoJi" class="city mui-table-view-cell mui-indexed-list-item">福州长乐</li>
						<li data-group="G" class="mui-table-view-divider mui-indexed-list-group">G</li>
						<li data-value="KOW" data-tags="GanZhouHuangJin" class="city mui-table-view-cell mui-indexed-list-item">赣州黄金</li>
						<li data-value="GOQ" data-tags="GeErMu" class="city mui-table-view-cell mui-indexed-list-item">格尔木</li>
						<li data-value="GYU" data-tags="GuYuanLiuPanShan" class="city mui-table-view-cell mui-indexed-list-item">固原六盘山</li>
						<li data-value="GYS" data-tags="GuangYuanPanLong" class="city mui-table-view-cell mui-indexed-list-item">广元盘龙</li>
						<li data-value="CAN" data-tags="GuangZhouBaiYunGuoJi" class="city mui-table-view-cell mui-indexed-list-item">广州白云</li>
						<li data-value="KWL" data-tags="GuiLinLiangJiangGuoJi" class="city mui-table-view-cell mui-indexed-list-item">桂林两江</li>
						<li data-value="KWE" data-tags="GuiYangLongDongBaoGuoJi" class="city mui-table-view-cell mui-indexed-list-item">贵阳龙洞堡</li>
						<li data-group="H" class="mui-table-view-divider mui-indexed-list-group">H</li>
						<li data-value="HRB" data-tags="HaErBinTaiPingGuoJi" class="city mui-table-view-cell mui-indexed-list-item">哈尔滨太平</li>
						<li data-value="HMI" data-tags="HaMi" class="city mui-table-view-cell mui-indexed-list-item">哈密</li>
						<li data-value="HAK" data-tags="HaiKouMeiLanGuoJi" class="city mui-table-view-cell mui-indexed-list-item">海口美兰</li>
						<li data-value="HLD" data-tags="HaiLaErDongShanGuoJi" class="city mui-table-view-cell mui-indexed-list-item">海拉尔东山</li>
						<li data-value="HDG" data-tags="HanDan" class="city mui-table-view-cell mui-indexed-list-item">邯郸</li>
						<li data-value="HZG" data-tags="HanZhong" class="city mui-table-view-cell mui-indexed-list-item">汉中</li>
						<li data-value="HGH" data-tags="HangZhouXiaoShanGuoJi" class="city mui-table-view-cell mui-indexed-list-item">杭州萧山</li>
						<li data-value="HFE" data-tags="HeFeiLuoGangGuoJi" class="city mui-table-view-cell mui-indexed-list-item">合肥骆岗</li>
						<li data-value="HTN" data-tags="HeTian" class="city mui-table-view-cell mui-indexed-list-item">和田</li>
						<li data-value="HEK" data-tags="HeiHe" class="city mui-table-view-cell mui-indexed-list-item">黑河</li>
						<li data-value="HET" data-tags="HuHeHaoTeBaiTaGuoJi" class="city mui-table-view-cell mui-indexed-list-item">呼和浩特白塔</li>
						<li data-value="HIA" data-tags="HuaiAnLianShui" class="city mui-table-view-cell mui-indexed-list-item">淮安涟水</li>
						<li data-value="TXN" data-tags="HuangShanTunXiGuoJi" class="city mui-table-view-cell mui-indexed-list-item">黄山屯溪</li>
						<li data-group="J" class="mui-table-view-divider mui-indexed-list-group">J</li>
						<li data-value="TNA" data-tags="JiNanYaoQiangGuoJi" class="city mui-table-view-cell mui-indexed-list-item">济南遥墙</li>
						<li data-value="JNG" data-tags="JiNingQuFu" class="city mui-table-view-cell mui-indexed-list-item">济宁曲阜</li>
						<li data-value="JXA" data-tags="JiXiXingKaiHu" class="city mui-table-view-cell mui-indexed-list-item">鸡西兴凯湖</li>
						<li data-value="JMU" data-tags="JiaMuSiDongJiao" class="city mui-table-view-cell mui-indexed-list-item">佳木斯东郊</li>
						<li data-value="JGN" data-tags="JiaYuGuan" class="city mui-table-view-cell mui-indexed-list-item">嘉峪关</li>
						<li data-value="JNZ" data-tags="JinZhouXiaoLingZi" class="city mui-table-view-cell mui-indexed-list-item">锦州小岭子</li>
						<li data-value="JDZ" data-tags="JingDeZhen" class="city mui-table-view-cell mui-indexed-list-item">景德镇</li>
						<li data-value="JGS" data-tags="JingGangShan" class="city mui-table-view-cell mui-indexed-list-item">井冈山</li>
						<li data-value="JIU" data-tags="JiuJiangLuShan" class="city mui-table-view-cell mui-indexed-list-item">九江庐山</li>
						<li data-value="JZH" data-tags="JiuZhaiHuangLong" class="city mui-table-view-cell mui-indexed-list-item">九寨黄龙</li>
						<li data-group="K" class="mui-table-view-divider mui-indexed-list-group">K</li>
						<li data-value="KHG" data-tags="KaShi" class="city mui-table-view-cell mui-indexed-list-item">喀什</li>
						<li data-value="KRY" data-tags="KeLaMaYi" class="city mui-table-view-cell mui-indexed-list-item">克拉玛依</li>
						<li data-value="KCA" data-tags="KuCheGuiZi" class="city mui-table-view-cell mui-indexed-list-item">库车龟兹</li>
						<li data-value="KRL" data-tags="KuErLe" class="city mui-table-view-cell mui-indexed-list-item">库尔勒</li>
						<li data-value="KMG" data-tags="KunMingWuJiaBaGuoJi" class="city mui-table-view-cell mui-indexed-list-item">昆明巫家坝</li>
						<li data-group="L" class="mui-table-view-divider mui-indexed-list-group">L</li>
						<li data-value="LXA" data-tags="LaSaGongGa" class="city mui-table-view-cell mui-indexed-list-item">拉萨贡嘎</li>
						<li data-value="LHW" data-tags="LanZhouZhongChuan" class="city mui-table-view-cell mui-indexed-list-item">兰州中川</li>
						<li data-value="LJG" data-tags="LiJiangSanYi" class="city mui-table-view-cell mui-indexed-list-item">丽江三义</li>
						<li data-value="HZH" data-tags="LiPing" class="city mui-table-view-cell mui-indexed-list-item">黎平</li>
						<li data-value="LYG" data-tags="LianYunGangBaiTaBu" class="city mui-table-view-cell mui-indexed-list-item">连云港白塔埠</li>
						<li data-value="LNJ" data-tags="LinCang" class="city mui-table-view-cell mui-indexed-list-item">临沧</li>
						<li data-value="LYI" data-tags="LinYi" class="city mui-table-view-cell mui-indexed-list-item">临沂</li>
						<li data-value="LZY" data-tags="LinZhiMiLin" class="city mui-table-view-cell mui-indexed-list-item">林芝米林</li>
						<li data-value="LZH" data-tags="LiuZhouBaiLian" class="city mui-table-view-cell mui-indexed-list-item">柳州白莲</li>
						<li data-value="LCX" data-tags="LongYanGuanZhiShan" class="city mui-table-view-cell mui-indexed-list-item">龙岩冠豸山</li>
						<li data-value="LZO" data-tags="LuZhouLanTian" class="city mui-table-view-cell mui-indexed-list-item">泸州蓝田</li>
						<li data-value="LYA" data-tags="LuoYangBeiJiao" class="city mui-table-view-cell mui-indexed-list-item">洛阳北郊</li>
						<li data-group="M" class="mui-table-view-divider mui-indexed-list-group">M</li>
						<li data-value="NZH" data-tags="ManZhouLiXiJiao" class="city mui-table-view-cell mui-indexed-list-item">满洲里西郊</li>
						<li data-value="MIG" data-tags="MianYangNanJiao" class="city mui-table-view-cell mui-indexed-list-item">绵阳南郊</li>
						<li data-value="OHE" data-tags="MoHeGuLian" class="city mui-table-view-cell mui-indexed-list-item">漠河古莲</li>
						<li data-value="MDG" data-tags="MuDanJiangHaiLang" class="city mui-table-view-cell mui-indexed-list-item">牡丹江海浪</li>
						<li data-group="N" class="mui-table-view-divider mui-indexed-list-group">N</li>
						<li data-value="KHN" data-tags="NanChangChangBeiGuoJi" class="city mui-table-view-cell mui-indexed-list-item">南昌昌北</li>
						<li data-value="NAO" data-tags="NanChongGaoPing" class="city mui-table-view-cell mui-indexed-list-item">南充高坪</li>
						<li data-value="NKG" data-tags="NanJingLuKouGuoJi" class="city mui-table-view-cell mui-indexed-list-item">南京禄口</li>
						<li data-value="NNG" data-tags="NanNingWuXu" class="city mui-table-view-cell mui-indexed-list-item">南宁吴圩</li>
						<li data-value="NTG" data-tags="NanTongXingDong" class="city mui-table-view-cell mui-indexed-list-item">南通兴东</li>
						<li data-value="NNY" data-tags="NanYangJiangYing" class="city mui-table-view-cell mui-indexed-list-item">南阳姜营</li>
						<li data-value="NGB" data-tags="NingBoLiSheGuoJi" class="city mui-table-view-cell mui-indexed-list-item">宁波栎社</li>
						<li data-group="P" class="mui-table-view-divider mui-indexed-list-group">P</li>
						<li data-value="SYM" data-tags="PuErSiMao" class="city mui-table-view-cell mui-indexed-list-item">普洱思茅</li>
						<li data-group="Q" class="mui-table-view-divider mui-indexed-list-group">Q</li>
						<li data-value="NDG" data-tags="QiQiHaErSanJiaZi" class="city mui-table-view-cell mui-indexed-list-item">齐齐哈尔三家子</li>
						<li data-value="SHP" data-tags="QinHuangDaoShanHaiGuan" class="city mui-table-view-cell mui-indexed-list-item">秦皇岛山海关</li>
						<li data-value="TAO" data-tags="QingDaoLiuTingGuoJi" class="city mui-table-view-cell mui-indexed-list-item">青岛流亭</li>
						<li data-value="JUZ" data-tags="QuZhou" class="city mui-table-view-cell mui-indexed-list-item">衢州</li>
						<li data-value="JJN" data-tags="QuanZhouJinJiang" class="city mui-table-view-cell mui-indexed-list-item">泉州晋江</li>
						<li data-group="R" class="mui-table-view-divider mui-indexed-list-group">R</li>
						<li data-value="RKZ" data-tags="RiKaZeHePing" class="city mui-table-view-cell mui-indexed-list-item">日喀则和平</li>
						<li data-group="S" class="mui-table-view-divider mui-indexed-list-group">S</li>
						<li data-value="SYX" data-tags="SanYaFengHuangGuoJi" class="city mui-table-view-cell mui-indexed-list-item">三亚凤凰</li>
						<li data-value="SWA" data-tags="ShanTouWaiSha" class="city mui-table-view-cell mui-indexed-list-item">汕头外砂</li>
						<li data-value="SHA" data-tags="ShangHaiHongQiaoGuoJi" class="city mui-table-view-cell mui-indexed-list-item">上海</li>
						<li data-value="PVG" data-tags="ShangHaiPuDongGuoJi" class="city mui-table-view-cell mui-indexed-list-item">上海浦东</li>
						<li data-value="SZX" data-tags="ShenChouBaoAnGuoJi" class="city mui-table-view-cell mui-indexed-list-item">深圳宝安</li>
						<li data-value="SHE" data-tags="ShenYangTaoXianGuoJi" class="city mui-table-view-cell mui-indexed-list-item">沈阳桃仙</li>
						<li data-value="SJW" data-tags="ShiJiaZhuangZhengDingGuoJi" class="city mui-table-view-cell mui-indexed-list-item">石家庄正定</li>
						<li data-value="WUX" data-tags="SuNanShuoFangGuoJi" class="city mui-table-view-cell mui-indexed-list-item">苏南硕放</li>
						<li data-group="T" class="mui-table-view-divider mui-indexed-list-group">T</li>
						<li data-value="TCG" data-tags="TaCheng" class="city mui-table-view-cell mui-indexed-list-item">塔城</li>
						<li data-value="TYN" data-tags="TaiYuanWuSuGuoJi" class="city mui-table-view-cell mui-indexed-list-item">太原武宿</li>
						<li data-value="HYN" data-tags="TaiZhouLuQiao-HuangYanJiChang" class="city mui-table-view-cell mui-indexed-list-item">台州路桥 (黄岩)</li>
						<li data-value="TVS" data-tags="TangShanSanNvHe" class="city mui-table-view-cell mui-indexed-list-item">唐山三女河</li>
						<li data-value="TCZ" data-tags="TengChongTuoFeng" class="city mui-table-view-cell mui-indexed-list-item">腾冲驼峰</li>
						<li data-value="TSN" data-tags="TianJinBinHaiGuoJi" class="city mui-table-view-cell mui-indexed-list-item">天津滨海</li>
						<li data-value="TGO" data-tags="TongLiao" class="city mui-table-view-cell mui-indexed-list-item">通辽</li>
						<li data-value="TEN" data-tags="TongRenFengHuang" class="city mui-table-view-cell mui-indexed-list-item">铜仁凤凰</li>
						<li data-group="W" class="mui-table-view-divider mui-indexed-list-group">W</li>
						<li data-value="WXN" data-tags="WanZhouWuQiao" class="city mui-table-view-cell mui-indexed-list-item">万州五桥</li>
						<li data-value="WEF" data-tags="WeiFang" class="city mui-table-view-cell mui-indexed-list-item">潍坊</li>
						<li data-value="WEH" data-tags="WeiHaiDaShuiBo" class="city mui-table-view-cell mui-indexed-list-item">威海大水泊</li>
						<li data-value="WNH" data-tags="WenShanPuZheHei" class="city mui-table-view-cell mui-indexed-list-item">文山普者黑</li>
						<li data-value="WNZ" data-tags="WenZhouYongQiangGuoJi" class="city mui-table-view-cell mui-indexed-list-item">温州永强</li>
						<li data-value="WUA" data-tags="WuHai" class="city mui-table-view-cell mui-indexed-list-item">乌海</li>
						<li data-value="WUH" data-tags="WuHanTianHeGuoJi" class="city mui-table-view-cell mui-indexed-list-item">武汉天河</li>
						<li data-value="HLH" data-tags="WuLanHaoTe" class="city mui-table-view-cell mui-indexed-list-item">乌兰浩特</li>
						<li data-value="URC" data-tags="WuLuMuQiDiWoBaoGuoJi" class="city mui-table-view-cell mui-indexed-list-item">乌鲁木齐地窝堡</li>
						<li data-value="WUS" data-tags="WuYiShan" class="city mui-table-view-cell mui-indexed-list-item">武夷山</li>
						<li data-value="WUZ" data-tags="WuZhouChangZhouDao" class="city mui-table-view-cell mui-indexed-list-item">梧州长洲岛</li>
						<li data-group="X" class="mui-table-view-divider mui-indexed-list-group">X</li>
						<li data-value="XIY" data-tags="XiAnXianYangGuoJi" class="city mui-table-view-cell mui-indexed-list-item">西安咸阳</li>
						<li data-value="XIC" data-tags="XiChangQingShan" class="city mui-table-view-cell mui-indexed-list-item">西昌青山</li>
						<li data-value="XIL" data-tags="XiLinHaoTe" class="city mui-table-view-cell mui-indexed-list-item">锡林浩特</li>
						<li data-value="XNN" data-tags="XiNingCaoJiaBao" class="city mui-table-view-cell mui-indexed-list-item">西宁曹家堡</li>
						<li data-value="JHG" data-tags="XiShuangBanNaGaSa" class="city mui-table-view-cell mui-indexed-list-item">西双版纳嘎洒</li>
						<li data-value="XMN" data-tags="XiaMenGaoQiGuoJi" class="city mui-table-view-cell mui-indexed-list-item">厦门高崎</li>
						<li data-value="HKG" data-tags="XiangGangGuoJi" class="city mui-table-view-cell mui-indexed-list-item">香港</li>
						<li data-value="XFN" data-tags="XiangYangLiuJi" class="city mui-table-view-cell mui-indexed-list-item">襄阳刘集</li>
						<li data-value="ACX" data-tags="XingYi" class="city mui-table-view-cell mui-indexed-list-item">兴义</li>
						<li data-value="XUZ" data-tags="XuZhouGuanYin" class="city mui-table-view-cell mui-indexed-list-item">徐州观音</li>
						<li data-group="Y" class="mui-table-view-divider mui-indexed-list-group">Y</li>
						<li data-value="ENY" data-tags="YanAnErShiLiBao" class="city mui-table-view-cell mui-indexed-list-item">延安二十里堡</li>
						<li data-value="YNZ" data-tags="YanCheng" class="city mui-table-view-cell mui-indexed-list-item">盐城</li>
						<li data-value="YNJ" data-tags="YanJiChaoYangChuan" class="city mui-table-view-cell mui-indexed-list-item">延吉朝阳川</li>
						<li data-value="YNT" data-tags="YanTaiLaiShanGuoJi" class="city mui-table-view-cell mui-indexed-list-item">烟台莱山</li>
						<li data-value="YBP" data-tags="YiBinCaiBa" class="city mui-table-view-cell mui-indexed-list-item">宜宾菜坝</li>
						<li data-value="YIH" data-tags="YiChangSanXia" class="city mui-table-view-cell mui-indexed-list-item">宜昌三峡</li>
						<li data-value="LDS" data-tags="YiChunLinDu" class="city mui-table-view-cell mui-indexed-list-item">伊春林都</li>
						<li data-value="YIN" data-tags="YiNing" class="city mui-table-view-cell mui-indexed-list-item">伊宁</li>
						<li data-value="YIW" data-tags="YiWu" class="city mui-table-view-cell mui-indexed-list-item">义乌</li>
						<li data-value="INC" data-tags="YinChuanHeDong" class="city mui-table-view-cell mui-indexed-list-item">银川河东</li>
						<li data-value="LLF" data-tags="YongZhouLingLing" class="city mui-table-view-cell mui-indexed-list-item">永州零陵</li>
						<li data-value="UYN" data-tags="YuLinYuYang" class="city mui-table-view-cell mui-indexed-list-item">榆林榆阳</li>
						<li data-value="YUS" data-tags="YuShuBaTang" class="city mui-table-view-cell mui-indexed-list-item">玉树巴塘</li>
						<li data-value="YCU" data-tags="YunChengZhangXiao" class="city mui-table-view-cell mui-indexed-list-item">运城张孝</li>
						<li data-group="Z" class="mui-table-view-divider mui-indexed-list-group">Z</li>
						<li data-value="ZHA" data-tags="ZhanJiang" class="city mui-table-view-cell mui-indexed-list-item">湛江</li>
						<li data-value="ZAT" data-tags="ZhaoTong" class="city mui-table-view-cell mui-indexed-list-item">昭通</li>
						<li data-value="CGO" data-tags="ZhengZhouXinZhengGuoJi" class="city mui-table-view-cell mui-indexed-list-item">郑州新郑</li>
						<li data-value="HJJ" data-tags="ZhiJiang" class="city mui-table-view-cell mui-indexed-list-item">芷江</li>
						<li data-value="CKG" data-tags="ZhongQingJiangBeiGuoJi" class="city mui-table-view-cell mui-indexed-list-item">重庆江北</li>
						<li data-value="ZHY" data-tags="ZhongWeiXiangShan" class="city mui-table-view-cell mui-indexed-list-item">中卫香山</li>
						<li data-value="HSN" data-tags="ZhouShanZhuJiaJian" class="city mui-table-view-cell mui-indexed-list-item">舟山朱家尖</li>
						<li data-value="ZUH" data-tags="ZhuHaiSanZao" class="city mui-table-view-cell mui-indexed-list-item">珠海三灶</li>
					</ul>
				</div>
			</div>
		</div>
		<script src="js/jquery-2.1.1.js"></script>
		<script src="../mui/js/mui.min.js"></script>
		<script src="../mui/js/mui.indexedlist.js"></script>
		<script src="../libs/ems.js" data-main='./city.js'></script>
		<script type="text/javascript">
			//初始化预加载首页详情页面
			mui.init({
				preloadPages: [{
					id: 'index.html',
					url: 'index.html'
				}]
			});

			var cityPage = null;
			//添加城市页列表项的点击事件
			mui(".mui-table-view").on('tap', '.city', function() {
				var id = this.innerHTML;
//				console.log(id);
				//获得详情页面
				if(!cityPage) {
					cityPage = plus.webview.getWebviewById('index.html');
				}
				//触发详情页面的newsId事件
				mui.fire(cityPage, 'newsId', {
					id: id
				});
				//打开详情页面          
				mui.openWindow({
					id: 'index.html'
				});
			});
			
			
			function alertCode(obj) {
				alert($(obj).attr("code"));
			}
			
			getHistoryList();
			/*加载热门城市列表*/
			function getHistoryList() {
				var listHot = $("#hot");
				var str = '';
				$.getJSON("../json/hot.json", function(data) {
					$.each(data, function(index, item) {
						str += '<li class="city hot_class" code="' + item.code + '"><span>' + item.name + '</span></li>';
					});
					str += "<li class='clear'></li>";
					listHot.after(str);
					/*点击热门城市颜色改变*/
					$("li.hot_class").click(function() {
						$("li.hot_class").removeClass("on");
						$(this).addClass("on");
						alert($(this).attr("code"));
					});
				});
			}
			
			var curCity = document.getElementById("curCity");
			curCity.innerHTML = localStorage.getItem('curCity');
			
			/*点击国际弹出提示语*/
			document.getElementById("national").addEventListener('tap', function() {
				mui.toast('暂不支持国外选址'); // 开发中，敬请期待
			});
		</script>
	</body>

</html>